<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>订单详细管理</title>
</head>
<script type="text/javascript" th:src="@{/bootstrap3/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/npm.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/popper.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap-popover.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap-theme.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap-theme.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap.min.css}" />
<script type="text/javascript" th:src="@{/js/subdtl.js}"></script>
<script type="text/javascript" th:src="@{/js/addbooks.js}"></script>
<body>
<div class="container-fluid">
	<div class="panel">
		<div class="panel-body" style="height: 450px;overflow: auto;">
			<table class="table table-responsive">
				<thead>
					<tr>
						<th>序号</th>
						<th>房间类型</th>
						<th>房间号</th>
						<th>预订方式</th>
						<th>单价</th>
						<th>入住日期</th>
						<th>结束日期</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr th:each="crs,crsStatus:${category_Room_SubDtls}">
						<td th:text="${crs.subscription_dtl.id}"></td>
						<td th:text="${crs.category.name}"></td>
						<td th:text="${crs.room.no}"></td>
						<td th:text="${crs.subscription_dtl.residetype}"></td>
						<td th:text="${crs.subscription_dtl.price}"></td>
						<td th:text="${#dates.format(crs.subscription_dtl.sdate, 'yyyy-MM-dd HH:mm:ss')}"></td>
						<td th:text="${#dates.format(crs.subscription_dtl.edate, 'yyyy-MM-dd HH:mm:ss')}"></td>
						<td>
							<a href="javascript:void(0)" th:onclick="deletesubdtl([[${crs.subscription_dtl.id}]],[[${sid}]])" class="btn btn-warning btn-sm">删除</a>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr class="text-right">
						<td colspan="8">
							<a href="javascript:void(0)" onclick="goroombook2()" class="btn btn-danger btn-sm" style="margin-right: 15px;">返回</a>
							<a href="javascript:void(0)" th:onclick="addbooksco([[${sid}]])" class="btn btn-primary btn-sm">添加预订</a>
						</td>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
</div>
</body>
</html>
